<template>
    <div class="yixuan">
        <img src="../assets/已选框.png">
        <p>已选：<span>{{clickdata.name}}</span></p>
        <p>A:<span>{{clickdata.A}}</span></p>
        <p>B:<span>{{clickdata.B}}</span></p>
        <p>C:<span>{{clickdata.C}}</span></p>
        <p>D:<span>{{clickdata.D}}</span></p>
        <p>E:<span>{{clickdata.E}}</span></p>
    </div>
</template>

<script>
    export default {
        name: "YIXUAN",
        data() {
            return {

            }
        },
       computed:{
           mapdata(){
               return this.$store.state.mapdata
           },
           clickdata(){
                     return this.$store.state.clickdata
            }
        },
        methods:{

        },
    }
</script>

<style lang="scss" scoped>
.yixuan{
    width:180px;
    height: 250px;
    float: left;
    position: relative;
    left:450px;
    top:-200px;
    img{
        width:180px;
        height: 250px;
    
        z-index: 0;
    }
    p{
        position: relative;
        top:-250px;
        left:-30px;
        font-size:12px ;
        z-index: 10;
        line-height: 25px;
        span{
            color:orangered
        }
    }
}

</style>